<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>成都美团网-成都美食_酒店_旅游_团购_电影_吃喝玩乐</title>
    <link rel="shortcut icon" href="https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:7819dbd1/app/img/icon_meituan_new.a91ce751.svg">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/page.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="img/iconfont/iconfont.css">
</head>
<body>
    <div class="header-container"></div>
    <div class="ban"></div>
    <main>
        <div class="container">
            <div class="banner">
              <div class="left">
                  <div class="totle">
                      <h3>全部分类</h3>
                  </div>
                  <ul class="happy">
                      <li>
                          <i class="iconfont icon-canju" style="color: #ff8200;"></i>
                          <a href="#">美食</a>
                          <strong>></strong>
                      </li>
                      <li>
                          <i class="iconfont icon-meituan" style="color: #ffb500;"></i>
                          <a href="#">外卖</a>
                          <strong>></strong>
                          <ul class="mt">
                              <div class="waimai">
                                <p><a href="">外卖</a></p>
                                <p> <a href="">更多 ></a></p>
                              </div>
                              <li class="nb"><a href="">美团外卖</a></li>
                          </ul>
                      </li>
                      <li>
                          <i class="iconfont icon-jiudian" style="color: #9b5e3e;"></i>
                          <a href="#">酒店</a>
                          <strong>></strong>
                      </li>
                      <li>
                          <i class="iconfont icon-fangzi" style="color: #ffb500;" style="color: #ffb500;"></i>
                          <a href="#">民宿</a>
                          <strong>></strong>
                      </li>
                      <li>
                          <i class="iconfont icon-mao" style="color: #ff3d00;"></i>
                          <a href="#">猫眼电影</a>
                          <strong>></strong>
                      </li>
                      <li>
                          <i class="iconfont icon-huoche" style="color: #03abf5;"></i>
                          <a href="#">机票 <em>|</em>&nbsp;火车票</a>
                          <strong>></strong>
                      </li>
                      <li>
                          <i class="iconfont icon-ktv" style="color: #00bf96;"></i>
                           <a href="#">休闲娱乐&nbsp;<em>|</em>&nbsp; KTV</a>
                         </a>
                          <strong>></strong>
                      </li>
                      <li>
                          <i class="iconfont icon-shenghuofuwu" style="color: #00bf96;"></i>
                          <a href="#">生活服务</a>
                          <strong>></strong>
                      </li>
                      <li>
                          <i class="iconfont icon-nvsheng" style="color: #ff4081;"></i>
                          <a href="#">丽人 <em>|</em> &nbsp;美发 <em>|</em> &nbsp;医学美容</a>
                          <strong>></strong>
                      </li>
                      <li>
                        <i class="iconfont icon-diamond" style="color: #ff4081;"></i>
                        <a href="#">结婚 <em>|</em> &nbsp;婚纱摄影 <em>|</em> &nbsp;婚宴</a>
                        <strong>></strong>
                    </li>
                    <li>
                        <i class="iconfont icon-qinzi2" style="color: #ff4081;"></i>
                        <a href="#">亲子 <em>|</em> &nbsp;儿童乐园&nbsp;<em>|</em> &nbsp;幼教</a>
                        <strong>></strong>
                    </li>
                    <li>
                        <i class="iconfont icon-sharpicons_weight-lifting" style="color: #03a9f4;"></i>
                        <a href="#">运动健身 <em>|</em> &nbsp;健身中心</a>
                        <strong>></strong>
                    </li>
                    <li>
                        <i class="iconfont icon-jiazhuang" style="color: #00bf96;"></i>
                        <a href="#">家装 <em>|</em> &nbsp;建材&nbsp;<em>|</em> &nbsp;家居</a>
                        <strong>></strong>
                    </li>
                    <li>
                        <i class="iconfont icon-fenshijuan" style="color: #00bf96;"></i>
                        <a href="#">学习培训 <em>|</em> &nbsp;音乐培训</a>
                        <strong>></strong>
                    </li>
                    <li>
                        <i class="iconfont icon-yiliaofuwu" style="color: #03a9f4;"></i>
                        <a href="#">医疗健康 <em>|</em> &nbsp;宠物&nbsp;<em>|</em> &nbsp;爱车</a>
                        <strong>></strong>
                    </li>
                    <li>
                        <i class="iconfont icon-jiuba" style="color: #00bf96;"></i>
                        <a href="#">酒吧 <em>|</em> &nbsp;密室逃脱</a>
                        <strong>></strong>
                    </li>
                  </ul>
              </div>
              <div class="right">
                  <div class="nav">
                          <ul class="nv">
                              <li><a href="">美团外卖</a></li>
                              <li><a href="">猫眼电影</a></li>
                              <li><a href="">美团酒店</a></li>
                              <li><a href="">民宿&nbsp;<em>|</em>&nbsp;公寓</a></li>
                              <li><a href="">商家入驻</a></li>
                              <li><a href="">美团公寓</a></li>
                          </ul>
                  </div>
                  <div class="lft">
                      <div class="swiper">
                          <!-- 轮播图 -->
                          <div class="btn3">&lt;</div>
                          <img src="http://p0.meituan.net/codeman/daa73310c9e57454dc97f0146640fd9f69772.jpg" style="width: 550px; height: 240px;" class="slide">
                          <div class="pagin">
                              <i class="active"></i>
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i>
                          </div>
                          <div class="btn4">&gt;</div>
                      </div>
                      <div class="mai">
                          
                      </div>
                      <div class="jiu"></div>
                      <div class="music"></div>
                      <div class="shang"></div>
                  </div>
                  <div class="rtp">
                      <div class="imgs">
                          <div class="img"></div>
                      </div>
                      <p id="des" class="des">Hi！你好</p>
                      <span id="btn1"><a href="./html/register.html">注册</a></span>
                      <span id="btn2"><a href="./html/login.html">立即登录</a></span>
                    </div>
                  <div class="rbb">
                      <div class="er">
                          <div class="erweima"></div>
                          <p class="app">美团APP手机版</p>
                          <p class="yuan">
                              <span class="red">1元起</span>
                              <span class="gary">吃喝玩乐</span>
                          </p>
                      </div>
                  </div>
              </div>
          </div>
          <div class="contai">
            <div class="flx">
              <ul class="vedio">
                  <li>猫眼电影</li>
                  <li>正在热映</li>
                  <li>即将上映</li>
                  <li>全部 ></li>
              </ul>
             </div>
             <div class="con">
                 <div class="btn5">&lt</div>
                 <img src="//p1.meituan.net/mmdb/7ec391794a5cb824418c44b0782697c21464385.jpg@267w_371h_1e_1c" alt="">
                 <img src="//p1.meituan.net/mmdb/3b0eff9fd7a620388efd2addee7448be4496405.png@267w_371h_1e_1c" alt="">
                 <img src="//p0.meituan.net/movie/2de7f3267e7b81a77f988a9b948350ab3206232.jpg@267w_371h_1e_1c" alt="">
                 <img src="//p0.meituan.net/movie/dfca48d75c6bf7da63e848439c65ac6b515571.jpg@267w_371h_1e_1c" alt="">
                 <img src="//p1.meituan.net/movie/c3b75f9c41d209aceccab4f30083d0e22837210.jpg@267w_371h_1e_1c" alt="">
                 <div class="btn6">&gt</div>
             </div>
         </div>
         <div class="contaie">
            <div class="fl">
              <ul class="vedi">
                <li>推荐民宿</li>
                <li>重庆</li>
                <li>绵阳</li>
                <li>乐山</li>
                <li>凉山彝族自治区</li>
                <li>遵义</li>
                <li>自贡</li>
                <li>雅安</li>
                <li>宜宾</li>
                <li>内江</li>
                <li>泸州</li>
                <li>全部 ></li>
              </ul>
             </div>
             <div class="conn">
                 <a href="http://127.0.0.1:2113/html/cart.html">
                 <div class="cart">
                     <p class="count">已购<span class="counts">0</span>件</p>
                 </div>
                 </a>
                 <dl>
                     <dt>
                         <img src="https://img.meituan.net/phoenix/7800fb145680b1159809bc7554be5738604372.jpg@740w_416h_1e_1c" alt="" class="dest">
                         <div class="prosen"><img src="https://img.meituan.net/avatar/19a69a789743d95a5a4f18ca062a2da1308073.jpg@200w_200h_1e_1c" alt="" class="dep"></div>
                    </dt>
                     <dd>每客消毒·【牛牛家·波西米亚风】万州近福斯德广场</dd>
                     <span>整套1居士.可住2人|万州万达广场</span>
                     <p class="price">￥158</p>
                </dl>
                <dl>
                    <dt>
                        <img src="http://p0.meituan.net/iphoenix/d8afdeae48acb59cf5f5c2f3f28fd15d854601.jpg@740w_416h_1e_1c" alt="" class="dest">
                        <div class="prosen"><img src="https://img.meituan.net/avatar/866f9798bb5b3781d96e0185c6e8171e294203.jpg@200w_200h_1e_1c" alt="" class="dep"></div>
                   </dt>
                    <dd>【二更民宿】泽胜中央广场双子塔经典美式 电影房（超大投影）</dd>
                    <span>整套1居士.可住2人|涪陵站商圈</span>
                    <p class="price">￥148</p>
               </dl>
               <dl>
                <dt>
                    <img src="https://img.meituan.net/phoenix/105021a440c4428678f2984b42319ad3807130.jpg@740w_416h_1e_1c" alt="" class="dest">
                    <div class="prosen"><img src="https://img.meituan.net/avatar/edf9fcbae4edf605c4151f48f19baac453396.jpg@200w_200h_1e_1c" alt="" class="dep"></div>
               </dt>
                <dd>蓉蓉民宿 江津城区近港龙购物中心/祥瑞时尚时尚天街/保利万和电影院 温馨清雅一居</dd>
                <span>整套1居士.可住2人|江津客运中心商圈</span>
                <p class="price">￥136</p>
              </dl>
              <dl>
                <dt>
                    <img src="https://p1.meituan.net/iphoenix/5719938c6693a5d159b3ff37958c7932965893.jpg@740w_416h_1e_1c" alt="" class="dest">
                    <div class="prosen"><img src="https://img.meituan.net/avatar/83de73f7e9c7c6655e5e993119328c0814088.jpg@200w_200h_1e_1c" alt="" class="dep"></div>
               </dt>
                <dd>【躺岛·椰奶 】紧邻解放碑洪崖洞/北欧简约风/温馨小窝+超大浴缸+100寸投影/楼下双轻轨</dd>
                <span>整套1居士.可住2人|上清寺/人民广场/李子坝</span>
                <p class="price">￥158</p>
           </dl>
           <dl>
               <dt>
                   <img src="https://p1.meituan.net/iphoenix/7491e250383f954f5a27ec5112b9289e999148.jpg@740w_416h_1e_1c" alt="" class="dest">
                   <div class="prosen"><img src="https://img.meituan.net/avatar/83de73f7e9c7c6655e5e993119328c0814088.jpg@200w_200h_1e_1c" alt="" class="dep"></div>
              </dt>
               <dd>【躺岛·奥利奥】紧邻解放碑洪崖洞/北欧简约风/温馨小窝+超大浴缸+100寸投影/楼下双轻轨</dd>
               <span>整套1居士.可住2人|上清寺/人民广场/李子坝</span>
               <p class="price">￥158</p>
          </dl>
          <dl>
           <dt>
               <img src="https://img.meituan.net/phoenix/c5843fb7acf8ad40dfc91a6465cd9eea2875192.jpg@740w_416h_1e_1c" alt="" class="dest">
               <div class="prosen"><img src="http://p0.meituan.net/phoenix/fd326ed4a06294cb05a37b4f34ee1cf664413.jpg@200w_200h_1e_1c" alt="" class="dep"></div>
          </dt>
           <dd>【半壁民宿】中央大街居家式民宿+情调+近公园大床房+近秀湖公园湿地公园汽车露营公园枫香湖儿童公园古道湾公园+近医院</dd>
           <span>整套1居士.可住2人|璧山商业中心区</span>
           <p class="price">￥186</p>
         </dl>
             </div>
         </div>
         <div class="nicai">
            <div class="nvs">
              <ul class="nic">
                  <li>猜你喜欢</li>
                  <li>为你甄选最适合的 <span></span></li>
              </ul>
             </div>
             <ul class="cons">
                 <!-- 数据渲染 -->
                </ul>
            </div>
            <div class="paging_content">
               <div class="paging_first">首页</div>
               <div class="paging_up">上一个</div>
               <div class="paging_btn"></div>
               <div class="paging_down">下一个</div>
               <div class="paging_last" id="">尾页</div>
           </div>
        </div>

    </main>
    <div class="footer-container"></div>
    <script src="/libs/require.js" data-main="/js/index"></script>
</body>
</html>